<template>
    <div>
        <div class="top-view">
            <el-row :gutter="20">
                <el-col :span="6">
                    <el-card shadow="hover">
                        <total-sales />
                    </el-card>
                </el-col>
                <el-col :span="6">
                    <el-card shadow="hover">
                        <total-orders />
                    </el-card>
                </el-col>
                <el-col :span="6">
                    <el-card shadow="hover">
                        <totady-users />
                    </el-card>
                </el-col>
                <el-col :span="6">
                    <el-card shadow="hover">
                        <total-users />
                    </el-card>
                </el-col>
            </el-row>
        </div>
    </div>
</template>
<script>
import TotalSales from '../TotalSales/TotalSales.vue'
import TotalOrders from '../TotalOrders/TotalOrders.vue'
import TotadyUsers from '../TotadyUsers/TotadyUsers.vue'
import TotalUsers from '../TotalUsers/TotalUsers.vue'
export default {
  components: {
    TotalSales,
    TotalOrders,
    TotadyUsers,
    TotalUsers
  }
}
</script>
<style lang="scss">
</style>
